<!-- 指令补充：双向绑定修饰符 -->
<script setup>
  /**
   * 双向绑定修饰符：
   *  一共有三个，如下
   *  <1> .tirm：将数据去除前后空格再同步给响应式数据
   *  <2> .number：尝试将数据转换为数值格式再同步给响应式数据，仅是尝试
   *  <3> .lazy：调整数据同步时机，仅在输入框失去焦点时同步
   */
  import {ref} from "vue"
  const account = ref("")
  const password = ref("")
  const address = ref("")

</script>

<template> 
  <p>
    <span>账号</span>
    <input type="text" v-model.trim="account">
  </p>
  <p>
    <span>密码</span>
    <input type="text" v-model.trim.number="password">
  </p>
  <p>
    <span>住址</span>
    <input type="text" v-model.lazy="address">
  </p>

</template>

<style scoped>

</style>